/* 
    Document   : deal
    Created on : Aug 28, 2012, 10:57:55 AM
    Author     : Kandahar
    Description:
        Purpose of the stylesheet follows.
*/
.hidden{display: none}
.pb8{padding-bottom: 8px}
.pb4{padding-bottom: 4px}
.fr{float: right !important}
*{font-family: arial,tahoma;font-size: 13px}
a,a:link, a:active{color: #111}
.dmenu a,.dmenu a:link,.dmenu a:active,.dfoot a,.dfoot a:link,.dfoot a:active{color: #fff;text-decoration: none}
.dhead a,.dhead a:link,.dhead a:active{color: #ccc;text-decoration: none}

a:hover,.c1{color: rgb(40,170,210);}
a:hover{text-decoration: underline}
.dmenu a:hover,.dhead a:hover,.dfoot a:hover{text-decoration:underline}
body{background: url(../images/bg.png) repeat left top;margin: 0;padding: 0}
.dpage{background: url(../../data/images/background/body.png) repeat left top;padding-bottom: 20px;}
.dcontent{width: 980px;margin: 0 auto;}
.dhead{height: 45px;background: url(../images/01_head.png) repeat-x left top}
.dhead *{color:#ccc;font-size: 12px}
.dhead a:hover{color:#28AAD2}
.dsecondhead{height: 118px;background: url(../images/02_head_second.png) repeat-x left top}
.dmenu{height: 44px;background: url(../images/03_menu.png) repeat-x left top}
.dmenushadow{height: 6px;background: url(../images/04_menu_shadow.png) repeat-x left top}
.dmenu ul.dm{
    border-left: 1px solid rgb(14,138,200);
/*    border-right: 1px solid rgb(164,216,242);*/
    list-style-type: none;
    margin: 0 auto;
    white-space: nowrap;
    height: 41px;
    padding: 0;
}
.dmenu ul.dm li{
    display: inline-block;
    float: left;
    padding: 0;
    height: 40px;
    width: auto;
    border-left: 1px solid rgb(164,216,242); 
    border-right: 1px solid rgb(14,138,200);
}
.dmenu ul.dm li.last{
    border-left: 1px solid rgb(164,216,242); 
    border-right: 0px solid rgb(14,138,200);
}
.dmenu ul.dm li a{padding: 0 20px; line-height: 40px;height: 40px;font-size: 13px;font-weight: bold}
.dmenu ul.dm li a:hover{color:#fff;}
.dmenu ul.dm li.dselected {background: url(../images/menuitem.png) repeat-x left top}
.dmenu ul.dm li.dselected a:hover{text-decoration: none}
.dhotline{float: left;width: 240px;height: 42px;padding-left: 32px;line-height: 42px;background: url(../images/hotline.png) no-repeat left center }

.dregion,.daccount{float: right;height: 42px;line-height: 42px}
.dregion{padding-right: 4px;width: 140px}
.dusernone{width: 42px;float: left;height: 42px;background: url(../images/user.png) no-repeat center}
.duser{width: 42px;float: left;height: 42px;}
.daccount.signin .duser{background: none}
.daccount .duser img{padding: 4px;width: 34px;height: 34px}
.daccount.signin .duser img{
    display: block;border: 1px solid #777;
    width: 40px;height: 40px;margin-top: 1px;
/*    background: #ccc;*/
    
}
.daccount a{font-weight: bold}
.dlocation{padding: 5px 12px 6px 32px;background: url(../images/location.png) no-repeat 8px center #333;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
        border-radius: 4px;
}
.dsendnotice{
    padding: 8px 20px 24px 20px;
    color: #fff;
    font-weight: bold;
    background: url(../images/subscribe_panel.png) no-repeat left top;position: relative;
/*-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;*/
}
.darrow{
    position: absolute;bottom: -8px;left: 10px;
    height: 10px;width: 11px;
/*    background: url(../images/arow1.png) no-repeat center*/
}
.demailinput{
    margin: 0;height: 16px;
    padding: 6px 20px 6px 40px;border: 1px solid;border: 1px solid rgb(188,188,188);
    border-bottom: 1px solid rgb(210,210,210);
    background: url(../images/email.png) no-repeat 10px center rgb(221,221,221);
    width: 190px;outline: none;
        -webkit-box-shadow: 0 5px 4px -4px #fff;
	   -moz-box-shadow: 0 5px 4px -4px #fff;
	        box-shadow: 0 5px 4px -4px #fff;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
}
.demailbtn{margin: 0;text-align: center;line-height: 30px;height: 30px;width: 70px;background: rgb(246,170,53);position: absolute;bottom: 0;right: 0;
           cursor: pointer;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
   background: url(../images/subscribe_button.png) no-repeat left top;     
}
.dfoot{background: url(../images/footer_bg.png) repeat-x left top;  }
.dfoot ul{padding-left: 16px;list-style-color: #f90;list-style:cross-fade;color:#ccc;}
.dfoot ul li{padding: 4px 0}
.dfoot ul li a,.dfoot ul li a:link,.dfoot ul li a:active{height: 24px;line-height: 18px;padding: 0;margin: 0;color: #ccc}
.dfoot ul li a:hover{color:#28AAD2}
.logo{width: 320px;float: left;height: 118px;background: url(../images/logo.png) no-repeat left center}
.dsupport{position: absolute;top: 0;right: 0;height: 40px;width: 80px}
.dsupport a div.f{width: 40px;height: 40px;background: url(../images/f.png) no-repeat center;position: absolute;top: 0;left: 0}
.dsupport a div.y{width: 40px;height: 40px;background: url(../images/y.png) no-repeat center;position: absolute;top: 0;right: 0}
.dsupport a:hover div.y{background: url(../images/y-a.png) no-repeat center;}
.daccount:hover .dopenid{display: block}
.daccount.signin:hover .dopenid{display: none}
.dopenid-icon-small{width: 16px;height: 16px;position: absolute;top: 0;right: 0}
.dyahoosmall{background: url(../images/yahoosmall.png) no-repeat center;}
.dgooglesmall{background: url(../images/googlesmall.png) no-repeat center;}
.dopenid{
    top: 0px;right: 0;
    z-index: 9;    
    background: url(../images/01_head.png) repeat-x left top #333;
    width: 238px;
    border-left: 1px solid #222;border-right: 1px solid #222; 
    display: none;
    padding-bottom: 8px;
    -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
}
.dopenid .socials h1{margin: 0;padding: 0;line-height: 28px;height: 28px;}
.dopenid .socials ul{list-style-type: none;padding: 0 29px;margin: 0}
.dopenid .socials ul li{
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
    width: 60px;
    height: 40px;
    text-align: center;
}
.dopenid .socials ul li img{width: 32px;height: 32px;padding-top: 4px;opacity: 0.5;}
.dopenid .socials ul li:hover img{width: 40px;height: 40px;padding-top: 0;opacity: 1;}


.dbr5{
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.dbr4{
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.dbr3{
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.dpr{position: relative}
.dpa{position: absolute}
.dw240{width: 240px}
.dw320{width: 320px}
.dw480{width: 480px}
.dw720{width: 720px}
.dmw240{min-width: 240px}
.dmw320{min-width: 320px}
.dmw480{min-width: 480px}
.dmw720{min-width: 720px}
.dfr{float: right}
.dfl{float: left}
.dtar{text-align: right}
.dtal{text-align: left}
.dtac{text-align: center}
.dfnml{font-weight: normal}
.dfb{font-weight: bold}

.dgroup{width:940px;margin-bottom:20px;float:left;position:relative;}
.dbig{height:420px;}
.dsmall{height:368px;}
.ditem{background:#ebebeb;border:1px solid #d7d7d7;position:absolute;;border-radius:3px;top:0;}
.dbig .ditem{width:458px;height:418px;}
.dsmall .ditem{width:300px;height:366px;}
.ditem.dl,.ditem.d0{left:0}
.ditem.dr,.ditem.d2{right:0}
.ditem.d1{left:50%;margin-left:-151px;}
.dbig .dphoto{height:228px;background:#ddd;position:relative;overflow: hidden;}
.dsmall .dphoto{height:220px;background:#ddd;position:relative;overflow: hidden;}
.dbig .dphoto img{position:absolute;top:0;left:0;width:458px;min-height: 228px;background: url(http://png.findicons.com/files/icons/734/phuzion/128/pictures.png) no-repeat center;}
.dsmall .dphoto img{position:absolute;top:0;left:0;width:300px;min-height: 220px;background: url(http://png.findicons.com/files/icons/734/phuzion/128/pictures.png) no-repeat center;}
.dbig .ditem .dphoto .ho50{position:absolute;bottom:0;left:0;height:228px;width:458px;background:url(../../images/bg/50.png);display:none;}
.dsmall .ditem .dphoto .ho50{position:absolute;bottom:0;left:0;height:220px;width:300px;background:url(../../images/bg/50.png);display:none;}
.ditem .dphoto:hover .ho50{display:block}
.ddisc{position:absolute;top:8px;left:8px;height:84px;width:84px;line-height:82px;text-align:center;background:url(../images/discount.png) no-repeat center;font-size:20px;color:#fff;;font-weight: bold}

.dsmall .ddisc{position:absolute;top:8px;left:8px;height:64px;width:64px;line-height:64px;text-align:center;background:url(../images/discsmall.png) no-repeat center;font-size:16px;color:#fff;}
.sold-out{position:absolute;top:0px;right:0px;height:205px;width:205px;background:url(../images/sold-out.png) no-repeat top left}
.dtit{border-bottom:1px solid #d7d7d7;border-top:1px solid #fff;overflow:hidden;position:relative;}
.dbig .dtit{height:58px;}
.dsmall .dtit{height:40px;}
.dtit h1{position:absolute;top:0px;font-weight:bold;color:rgb(0,100,150);padding:0;margin:0;}

.dsmall .dtit h1{left :16px;line-height:40px;font-size:15px;height:40px;padding-right:16px}
.dbig .dtit h1{left :20px;line-height:58px;font-size:23px;height:58px;padding-right:20px}
.dprice{border-bottom:1px solid #d7d7d7;border-top:1px solid #fff;position:relative;}
.dsmall .dprice{height:68px;}
.dbig .dprice{height:86px;}
.dbig .dsale{position:absolute;top:8px;left:-6px;width:280px;height:75px;background:url(../images/price.png) no-repeat top left;
	
}
.dbig .dsale div{position:absolute;top:12px;left:32px;font-family:arial;font-size:40px;font-weight:bold;color:#fff}
.dsmall .dsale{position:absolute;top:8px;left:-5px;width:200px;height:56px;background:url(../images/price2.png) no-repeat top left}
.dsmall .dsale div{position:absolute;top:12px;left:32px;font-family:arial;font-size:24px;font-weight:bold;color:#fff}
.dsmall  .dunitprice{position:absolute;top:8px;right:0px;width:112px;height:50px;text-align:center}
.dbig  .dunitprice{position:absolute;top:8px;right:0px;width:180px;height:70px;text-align:center}
.dbig  .dunitprice span.sf{font-family:arial;font-size:14px;line-height:32px}
.dbig  .dunitprice span.ss{font-family:arial;font-size:22px;font-weight:bold;}
.dsmall  .dunitprice span.sf{font-family:arial;font-size:12px;line-height:24px}
.dsmall  .dunitprice span.ss{font-family:arial;font-size:16px;font-weight:bold;}
.dbig .ho50 .dship{position: absolute;bottom: 20px;left: 20px;color: #fff;font-size: 20px;font-weight: bold;height: 45px;line-height: 50px;padding-left: 50px;background: url(../images/shipicon.png) no-repeat left top} 
.dsmall .ho50 .dship{position: absolute;bottom: 12px;left: 12px;color: #fff;font-size: 18px;font-weight: bold;height: 40px;line-height: 40px;padding-left: 40px;background: url(../images/shipiconsmall.png) no-repeat left top} 
.dbig .dview{position: absolute;bottom: 20px;right: 20px;height: 41px;width: 92px;background: url(../images/view.png) no-repeat}
.dsmall .dview{position: absolute;bottom: 12px;right: 12px;height: 35px;width: 69px;background: url(../images/viewsmall.png) no-repeat}

.dmenutwo{width:940px;height:40px;float:left;background: url(../images/menu2.png) repeat-x left bottom}
.dmenutwo .item{float: left;padding: 0px 20px;height: 35px;line-height: 40px;font-size: 12px}
.dmenutwo .item:hover,.dmenutwo .item.active{border-bottom: 5px solid orange;}
.dmenutwo div:hover .item:hover,.dmenutwo div:hover .item.active:hover{border-bottom: 5px solid orange;}
.dmenutwo div:hover .item.active{border-bottom: 0px solid orange;}
      
.contactmenu{position: absolute;width: 240px}
.contactmenu .item{
    width: 238px;height: 38px;padding: 0px 0px;
    border: 1px solid #CCC;
    margin: 0;
    margin-bottom: 12px;
    outline: none;
    background-color: #E8E8E8;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#FAFAFA),to(#DADADA));
    background-image: -moz-linear-gradient(top,#FAFAFA,#DADADA);
    background-image: -o-linear-gradient(top,#FAFAFA,#DADADA);
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.contactmenu .item .af{border-bottom: 1px solid #eee;height: 37px;line-height: 38px;padding: 0 16px 0 16px;
   -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.contactmenu .item .af span{ padding-left: 28px;height: 36px;background: url(../images/dot.png) no-repeat left center;font-size: 16px;font-weight: bold;color: #777}
.contactmenu .item:hover .af span{background: url(../images/dot2.png) no-repeat left center;}
.contactmenu .item.active .af{border-top: 1px solid #ccc;line-height: 36px;}
.contactmenu .item.active .af span{color: #fff}
.contactmenu .item.active{
    border: 1px solid #39c;
    background-color: #339CD0;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#47B0E4),to(#238CBE));
    background-image: -moz-linear-gradient(top,#47B0E4,#238CBE);
    background-image: -o-linear-gradient(top,#47B0E4,#238CBE);
}
.barrow{position: absolute;right: -9px;top: 12px;width: 9px;height: 12px;background:url(../images/arrowblue.png) no-repeat left top} 
.contactcontent{
    width: 680px;
    
    margin-left: 260px;
}
div.tit{
    height: 44px;
    background: url(../images/menu2.png) repeat-x left bottom;}
.tit h1{
    margin: 0;padding: 0 0px;float: left;height: 35px; 
    font-size: 23px;text-transform: uppercase;
    color:#28AAD2;line-height: 35px;
} 
.tit h2{
    margin: 0;padding: 0 0px;float: left;height: 35px; 
    font-size: 22px;
    color:orange;line-height: 35px;
} 
.contactcontent .tit h1{
    padding: 0 50px;
    background: url(../images/icon.png) no-repeat left top;
    
} 
.df_time_view{height:32px;border-bottom:1px solid #fff;border-top:1px solid #fff;position:relative;}
.df_time_view .dtime{position:absolute;top:0px;left :16px;padding-left:20px;line-height:32px;font-size:12px;background:url(../images/time.png) no-repeat left center}
.df_time_view .dview-user{position:absolute;top:0px;right :16px;padding-right:0px;line-height:32px;font-size:12px;text-align:center}
.dbig .df_time_view{height:40px;border-bottom:1px solid #fff;border-top:1px solid #fff;position:relative;}
.dbig .df_time_view b,.ddtime b{line-height:40px;font-size:14px}
.df_time_view b{line-height:32px;font-size:11px;color:orangered}
.dbig .df_time_view .dtime,.ddtime{position:absolute;top:0px;left :20px;padding-left:28px;line-height:40px;font-size:14px;background:url(../images/time.png) no-repeat left center}
img.ideal{background: url(http://png.findicons.com/files/icons/734/phuzion/128/pictures.png) no-repeat center;}
.tit-detail div{line-height: 20px;font-size: 14px;height: 40px;overflow: hidden;font-weight: bold}
.tit-detail{position: absolute;top: 34px;left: 0;height: 58px;width: 460px;border-bottom:  0px solid #ccc;line-height: 24px;font-size: 14px;overflow: hidden;background: url(../images/menu2.png) repeat-x left bottom;}
.buybtn{position: absolute;top: 8px;right: 0;height: 44px;width: 99px;background: url(../images/buy.png) no-repeat right center}
.ship-d{position: absolute;top: 0;right: 0px;width: 70px;height:  58px;background: url(../images/ship-d.png) no-repeat center;}
.ddtime{background: url(../images/time-d.png) no-repeat left center;}


.nav{position: absolute;width: 240px}
.nav .item{
    width: 240px;height: 40px;padding: 0px 0px;
    cursor: pointer;
    margin: 0;
    margin-bottom: 12px;
    background: url(../images/nav1.png) no-repeat left top;
    
}
.nav .item .af{height: 40px;padding: 0 16px 0 14px;line-height: 40px;
   
}
.nav .item .af span{ padding-left: 24px;height: 40px;background: url(../images/dot.png) no-repeat left center;font-size: 16px;font-weight: bold;color: #777}

.nav .item:hover .af span{background: url(../images/dot2.png) no-repeat left center;}

.nav .item.active .af span{color: #fff;background: url(../images/dot2.png) no-repeat left center;}
.nav .item.active{
    background: url(../images/nav2.png) no-repeat left top;
}
sub,sup{font-size: 0.6em}
b{font-size: inherit}
#nav{position: absolute;bottom: 8px;left: 20px;z-index: 10;}
#nav a{width: 22px;height: 18px;background: url(../images/bullets.png) no-repeat top left;float: left }
#nav a.activeSlide{background: url(../images/bullets.png) no-repeat bottom left}
#arrow-pre{width: 30px;height: 30px;background: url(../images/arrows.png) no-repeat top left;position: absolute;top: 120px;left: 4px;z-index: 10;cursor: pointer;}
#arrow-nex{width: 30px;height: 30px;background: url(../images/arrows.png) no-repeat top right;position: absolute;top: 120px;right: 4px;z-index: 10;cursor: pointer;}
#slideshow-detail #nav,#slideshow-detail #arrow-pre,#slideshow-detail #arrow-nex{display: none}
#slideshow-detail:hover #nav,#slideshow-detail:hover #arrow-pre,#slideshow-detail:hover #arrow-nex{display: block}








table td, table th{border: 0px}
table.dt				{ border-collapse: collapse; }
tr {
        margin:				0px;
        padding:			0px;
        vertical-align:		top;
}

table.dt th,table.dt td {
        margin:				0px;
        padding:			7px 8px 8px 8px;
        line-height:		16px;
        text-align:			left;
        vertical-align:		middle;
        border-bottom:		1px solid #ddd; /* 20 */
        vertical-align: middle;
        
}
table.dt th{}
table.dt tr:last-child th,table.dt tr:last-child td{
    border-bottom: none;
}
table.dt.n tr th,table.dt.n tr td{
    border-bottom: none;
}
table.dt tr:hover {
        /*background-color:	#ffffd6; /* 10 */
}
th{text-align: left;font-weight: bold}
fieldset{
background: #fff;
border: 1px solid #C9C9C9;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
-moz-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);
-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
            margin: 4px 0;padding: 20px;
}
.close-btn{color: rgba(0, 0, 0, 0.3);position: absolute;bottom: 0;right: 0;
font-size: 11px;
line-height: 20px;
height: 20px;
width: 20px;
text-align: center;
border-radius: 10px;
text-decoration: none;
-webkit-transition: background-color 0.2s linear;
}
.close-btn:hover{
    background-color: rgba(0,0,0,0.2);
    color: #28AAD2;
    text-decoration: none;
}


#footer-back-to-top {
	cursor : pointer;
	position: fixed;
	
	z-index: 9999;
	display: block;
        opacity: .5;
	left: 50%;
        margin-left: 520px;
	bottom: 0px;
	width: 50px;
	
}

#footer-back-to-top.offscreen {
    bottom: -100px;
    -moz-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
}

#footer-back-to-top:hover {
    opacity: 1;
}


input.cyrle[type=text],select.cyrle,.cyrle{
    padding: 5px 10px 6px 10px;
    outline: none;
    width: 100%;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.dvam{vertical-align: middle}
.w100{width: 100px}
#kbox-notice .unblock{ display: block;opacity: 0.5;cursor: pointer}
#kbox-notice:hover .unblock{ display: block;opacity: 0.5}
#kbox-notice:hover .unblock:hover{ opacity: 1}
.unblock{position: absolute;top: 6px;right: 6px;width: 20px;height: 20px;background: url('../images/x_8px.png') no-repeat center ;}
.timebox{position: absolute;bottom: 0;left: 0;height: 38px;width: 458px;border: 1px solid #ccc;
                             -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
                             }

.timebox .ddtime b{color: #000}
.nextbtn{position: absolute;top: 0;right: 0;height: 40px;;cursor: pointer}
.nextbtn img{height: 40px;}
.prebtn{position: absolute;top: 0;left: 0;height: 40px;;cursor: pointer}
.prebtn img{height: 40px;}
.locabox{display: none;width: 100%;border:1px solid #28AAD2;top:0px;
        z-index: 100;background: url(../images/bg.png) repeat left top;}
.locabox ul{list-style-type: none;;padding: 8px 0;margin: 0}
.locabox ul li{padding: 4px 8px 4px 31px;margin: 0;line-height: 16px;cursor: pointer;}
.locabox ul li.active{background: url(../images/location.png) no-repeat 8px center #333;}
.locabox ul li.active a{color: #28AAD2;font-weight: bold}
.dregion:hover .locabox{display: block}
.deal-detail-content img{display: block;margin: 0 auto}
h1.c1{text-transform: uppercase;margin: 0;padding: 0}
.dct{min-height: 200px;padding: 20px 0;font-size: 13px;}
.dct *{font-size: 13px;}
p{line-height: 20px}
.dct h1{color: #649600;font-size: 24px;
font-weight: bold;margin: 0;padding: 0}
.putbox{height: 32px;position: relative;margin-top: 20px}
.putbox input.cyrle{position: absolute;top: 0;right: 0}
.putbox span{position: absolute;top: 0;left: 0;line-height: 32px;font-weight: bold}
input.cyrle.w300{width: 300px}
input.cyrle.w100{width: 100px}
input.cyrle.w140{width: 140px}
input.cyrle.w60{width: 60px}
.classic-button{ 
    padding: 2px 20px;
    border: 1px solid #ccc;
    line-height: 16px;
    height: 22px;
    margin: 0;outline: none;
    background-color: #E8E8E8;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#FAFAFA),to(#DADADA));
    background-image: -moz-linear-gradient(top,#FAFAFA,#DADADA);
    background-image: -o-linear-gradient(top,#FAFAFA,#DADADA);
}
.classic-button:focus,.classic-button:hover{
    background: #ccc;border: 1px solid #aaa;
    background-color: #DADADA;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#DADADA),to(#FAFAFA));
    background-image: -moz-linear-gradient(top,#DADADA,#FAFAFA);
    background-image: -o-linear-gradient(top,#DADADA,#FAFAFA);
}
.classic-button:active{background: #ccc}
.ddetail.information img{max-width: 560px;}
.links .link-item{width: 230px;height: 140px;border: 0px solid #ccc;display: inline-block;padding: 0;margin: 8px 0;position: relative;}
.links .link-item img {border: 1px solid #ccc; width: 208px;position: absolute;top: 0;left: 8px;height: 130px;padding: 4px}

.tip-yellowsimple,.tip-darkgray,.tip-twitter,.tip-skyblue,.tip-green{ z-index: 1202; }
.mybutton.disable,.cirbutton.disable{opacity: 0.3}
    .mybutton.disable:hover,.cirbutton.disable:hover{opacity: 0.5}
    .mybutton,.cirbutton {
        border: 1px solid #3B5999;
        padding: 1px;
        background-color: white;
        width: auto;
        opacity: 0.7;
        float: left;
        display: inline;
        cursor: pointer;
    }
    .mybutton,.cirbutton{margin: 4px;}
    .mybutton.small,.cirbutton.small{margin: 2px;border: none}
    .cirbutton{border-radius: 16px}
    .cirbutton div{border-radius: 15px}
    .mybutton.spaceleft,.cirbutton.spaceleft{margin-left: 40px}
    .mybutton.spaceright,.cirbutton.spaceright{margin-right: 40px}
    
    
    
    .mybutton:hover,.cirbutton:hover{opacity: 1;}
    .mybutton:active,.cirbutton:active {position: relative; top: 1px;}
    .mybutton div,.cirbutton div {
        padding: 4px 12px;
        background-color: #057DB9;
        text-align: center;
    }
    .mybutton.small div {
        padding: 2px 4px;
        background-color: #057DB9;
        text-align: center;
    }
    .cirbutton.small div {
        padding: 2px 6px;
        background-color: #057DB9;
        text-align: center;
    }
    .mybutton.small.icon div,.cirbutton.small.icon div{
        padding-left: 22px;
        position: relative;
    }
    .mybutton div.icon,.mybutton.icon div,.cirbutton div.icon,.cirbutton.icon div{
        padding-left: 36px;
        position: relative;
    }
    .mybutton.icon div img,.cirbutton.icon div img{
        width: 16px;height: 16px;position: absolute;top: 4px;left: 12px;border: none;
    }
    .mybutton.small.icon div img{
        width: 16px;height: 16px;position: absolute;top: 2px;left: 2px;border: none;
    }
    .cirbutton.small.icon div img{
        width: 16px;height: 16px;position: absolute;top: 2px;left: 4px;border: none;
    }
    .mybutton div a,.mybutton div span,.cirbutton div a,.cirbutton div span {
        color: white;
        text-decoration: none;
        font-size: 1em;
    }
    


div.input{
        height: 28px;
        padding: 0;margin: 2px 0;
        position: relative;
        width: 100%;
        
    }
    ._input-label[type=select] div.input .label{
        top:0px;
        left: 0px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        height: 26px;
    }
    ._input-label[type=select] div.input .select{
        position: absolute;
        top:0;left: 0;right: 0;
        padding: 0;margin: 0;
        padding-left: 0px;
        width: 100%;
/*        border: 1px solid #ccc;*/
        height: 28px;
        line-height: 16px;
/*        background: #f1f1f1;*/
/*        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;*/
        behavior: url(../lib/PIE/PIE.htc);
    }
    ._input-label[type=select] div.input .select select{
        width: 100%;
        height: 28px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-left: 0px;
        padding: 4px 4px 4px 104px;
        background: #fafafa;
    }
    ._input-label[type=select] div.input .select select:focus{
        background: #fff;
    }
    .label label{
        height: 26px;
        line-height: 26px;
        padding-left: 8px
    }
    div.input label{
        padding-left: 8px;
        float: left;
        height: 26px;
        line-height: 26px;
    }
    div.input .label{
        position: absolute;
        top:1px;
        left: 1px;
        padding-left: 0px;
        line-height: 25px;
        height: 26px;
        width: 100px;
        background-color:#F7D9AF;
        color:#000;
/*        -webkit-border-radius: 6px 0 0 6px;
        -moz-border-radius: 6px 0 0 6px;
        border-radius: 6px 0 0 6px;*/
        behavior: url(../lib/PIE/PIE.htc);
    }
    div.input input[type=text],div.input input[type=password]{
        position: absolute;
        top:0;left: 0;right: 0;
        padding: 0;margin: 0;
        padding-left: 108px;
        width: 100%;
        border: 1px solid #ccc;
        height: 26px;
        line-height: 26px;
        background: #fafafa;
/*        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;*/
        behavior: url(../lib/PIE/PIE.htc);
    }
    div.input input[type=text]:focus,div.input input[type=password]:focus{
        background: #fff;
        
    }
    
    ._input-label                           {padding-right: 110px;}
    ._input-label[type=select]              {padding-right: 0px;}
    
    ._input-label[label=h60]               {padding-right: 68px;}
    ._input-label[label=h60] div.input .label{width: 60px}
    ._input-label[label=h60] ._input-label[type=select] div.input .select{padding-left: 60px;}
    ._input-label[label=h60] div.input input[type=text],._input-label[label=h60] div.input input[type=password]{padding-left: 68px;}
    ._input-label[type=select][label=h60]  {padding-right: 60px;}
    
    ._input-label[label=h80]               {padding-right: 88px;}
    ._input-label[label=h80] div.input .label{width: 80px}
    ._input-label[label=h80] ._input-label[type=select] div.input .select{padding-left: 80px;}
    ._input-label[label=h80] div.input input[type=text],._input-label[label=h80] div.input input[type=password]{padding-left: 88px;}
    ._input-label[type=select][label=h80]  {padding-right: 80px;}
    
    ._input-label[label=h120]               {padding-right: 128px;}
    ._input-label[label=h120] div.input .label{width: 120px}
    ._input-label[label=h120] ._input-label[type=select] div.input .select{padding-left: 120px;}
    ._input-label[label=h120] div.input input[type=text],._input-label[label=h120] div.input input[type=password]{padding-left: 128px;}
    ._input-label[type=select][label=h120]  {padding-right: 120px;}
    
    ._input-label[label=h140]               {padding-right: 148px;}
    ._input-label[label=h140] div.input .label{width: 140px}
    ._input-label[label=h140] ._input-label[type=select] div.input .select{padding-left: 140px;}
    ._input-label[label=h140] div.input input[type=text],._input-label[label=h140] div.input input[type=password]{padding-left: 148px;}
    ._input-label[type=select][label=h140]  {padding-right: 140px;}
    
    ._input-label[label=h160]               {padding-right: 168px;}
    ._input-label[label=h160] div.input .label{width: 160px}
    ._input-label[label=h160] ._input-label[type=select] div.input .select{padding-left: 160px;}
    ._input-label[label=h160] div.input input[type=text],._input-label[label=h160] div.input input[type=password]{padding-left: 168px;}
    ._input-label[type=select][label=h160]  {padding-right: 160px;}
    
    div[labelcolor=red]     .label{background-color: #F7AFB3;}
    div[labelcolor=green]   .label{background-color: #BAEDD3;}
    div[labelcolor=pubple]  .label{background-color: #B274DC;}
    div[labelcolor=blue]    .label{background-color: #A8D4FF;}
    
    
    
    .input-full{
        padding: 0 8px 0 0px;margin: 2px 0;
        position: relative;
    }
    .ptext{padding:27px 10px 0 0;}
    .input-full span.html-edit{
        cursor: pointer;
        float: right;
        padding-right: 8px;
    }
    .input-full .label{
        width: 100%;
        border-bottom: 0px solid #ccc;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-color:#F7D9AF;
        height: 26px;
        position: absolute;
    }
    .input-full[label=area] .label{
        width: 100%;
        border-bottom: 0px solid #ccc;
        border-top: 0px solid #ccc;
        border-left: 0px solid #ccc;
        border-right: 0px solid #ccc;
        background-color:#F7D9AF;
        height: 27px;
        position: absolute;
        top:1px;
        left: 1px
    }
    .input-full[label=area] textarea{
        
        top:0px;left: 0;right: 0;
        padding: 31px 0px 0 8px;margin: 0;
        width: 100%;
        min-height: 26px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        line-height: 16px;
        background: #fafafa;
        background-color: #FDFDFD;
/*        border: 1px solid #B2B2B2;*/
        box-shadow: inset 0 1px 3px #b2b2b2;
        -moz-box-shadow: inset 0 1px 3px #b2b2b2;
        -webkit-box-shadow: inset 0 1px 3px #b2b2b2;
        behavior: url(../lib/PIE/PIE.htc);
    }
    div.input-full input[type=text]:focus{
        background: #fff;
        
    }
    td.space{width: 8px;}
    .warning-16{
        position: absolute;
        top: 4px;right: 4px;
        background: url(../images/icon/16/warning.png) no-repeat center;
        width: 16px;height: 16px;
    }